<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <script src="js/zepoto.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/index.js" async="async" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" type="text/css" href="./css/_reset.css">
        <!-- 大于 750px 时 -->
        <link id="pcNavLink" rel="stylesheet" type="text/css" href="./css/pc/nav.css" media="all and (min-width: 750px)">
        <link id="pcMainLink" rel="stylesheet" type="text/css" href="./css/pc/index.css" media="all and (min-width: 750px)">
        <!-- 小于 750px 时 -->
        <link id="mNavLink" rel="stylesheet" type="text/css" href="./css/m/nav.css" media="all and (max-width: 750px)">
        <link id="mMainLink" rel="stylesheet" type="text/css" href="./css/m/index.css" media="all and (max-width: 750px)">
        <title>CreatShare</title>
    </head>
    <body>
        <!-- 移动端和窄屏的导航条 -->
        <aside id="aside" style="display: none">
            <div><img src="./img/mobile/close.png" onclick="closeAside()"></div>
            <div class="asideItemWrap">
                <a href="./team.html">团队</a>
                <a href="http://blog.creatshare.com" target="_blank">博客</a>
                <a href="./follow.html">关注</a>
                <a href="./about.html">关于</a>
            </div>
        </aside>
        <div style="text-align: center;">
            <header class="header slogan" id="header">
                <nav class="nav" id="nav">
                    <img id="csLogo" src="./img/logo.svg" onclick="window.open('./index.html', '_self');" alt="creatshare">
                    <ul class="navul">
                        <a href="./team.html"><li id="team">团队</li></a>
                        <a href="http://blog.creatshare.com" target="_blank">
                            <li id="blog">博客</li>
                        </a>
                        <a href="./follow.html"><li id="star" class="homenavon">关注</li></a>
                        <a href="./about.html"><li id="about">关于</li></a>
                    </ul>
                    <banner>
                        <img src="./img/mobile/menu.png" onclick="showAside()">
                    </banner>
                </nav>
                <div id="hohead">
                    <p class="csp1">
                        <span class="c">创造价值</span>
                        <span class="s">分享世界</span>
                    </p>
                    <p class="csp2">
                        <span>西安邮电大学</span>
                        <span id="cs"> CreatShare </span>
                        <span>互联网实验室</span>
                    </p>
                </div>
                <div id="indexDown" style="display: none" onclick="scroolToTarget()">
                    <img src="./img/mobile/down.png">
                </div>
            </header>
        </div>
        <main class="cardWrap">
            <section class="card">
                <div class="cardimg cxy"></div>
                <div class="cardcontain">
                    <h3>畅校园</h3>
                    <h4>一站式校园生活服务</h4>
                    <input type="button" value="了解详情"
                      onclick="window.open('http://www.changxiaoyuan.com')" />
                </div>
            </section>
            <section class="card">
                <div class="cardimg bp"></div>
                <div class="cardcontain">
                    <h3>百盘</h3>
                    <h4>校园网盘</h4>
                    <input type="button" value="了解详情"
                      onclick="window.open('http://baipan.changxiaoyuan.com/')" />
                </div>
            </section>
            <section class="card">
                <div class="cardimg xydh"></div>
                <div class="cardcontain">
                    <h3>西邮导航</h3>
                    <h4>点亮你的网络生活</h4>
                    <input type="button" value="了解详情"
                      onclick="window.open('http://hao.changxiaoyuan.com/')" />
                </div>
            </section>
            <section class="card">
                <div class="cardimg tscx"></div>
                <div class="cardcontain">
                    <h3>图书查询</h3>
                    <h4>点亮你的网络生活</h4>
                    <input type="button" value="了解详情"
                      onclick="window.open('http://lib.changxiaoyuan.com/')" />
                </div>
            </section>
        </main>
        <footer class="footer">
            <p>&copy; <span>Copyright</span> 2012-2018 CreatShare. All Rights Reserved.</p>
        </footer>
    </body>
</html>